<template>
  <div class="flex flex-col gap-4 flex-wrap sm:flex-row mr-6 mb-6">
    <SfLoaderCircular size="xs" />
    <SfLoaderCircular size="sm" />
    <SfLoaderCircular size="base" />
    <SfLoaderCircular />
    <SfLoaderCircular size="lg" />
    <SfLoaderCircular size="xl" />
    <SfLoaderCircular size="2xl" />
    <SfLoaderCircular size="3xl" />
    <SfLoaderCircular size="4xl" />
  </div>
</template>

<script lang="ts" setup>
import { SfLoaderCircular } from '@storefront-ui/vue';
</script>
